@import '~/assets/style/vars.less';
@import '~/assets/style/mixin.less';

.setting {
  &-main {
    padding-left: 46px;
  }

  &-card, &-title, &-item {
    margin: 0;
    color: @color-default;
  }

  &-card {
    margin: 0;
    padding: 24px 0 36px;
  }

  &-title {
    margin-bottom: 14px;
    font-weight: normal;
    font-size: 18px;
  }

  &-item {
    margin-bottom: 14px;
    &:last-child {
      margin-bottom: 0;
    }
  }

  &-foot {
    text-align: right;
  }

  /deep/.ant {
    &-form {
      &-item {
        display: flex;
        margin-bottom: 0;

        &-label,  &-control {
          line-height: 30px;

        }
        &-label {
          margin-right: 0;
          width: 135px;
          text-align: right;
          > label {
            color: @color-concrete;
          }
        }
        &-control {
          &-wrapper {
            flex: 1;
          }
        }
        &-required {
          &:before {
            display: none;
          }
        }
      }
    }

    &-select {
      width: 240px;
    }
  }
}
